<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/common.css" media="all">
    <style type="text/css">
        #demo h5{margin:10px 0 15px;padding:3px 10px;background:#D2D9DF;letter-spacing:1px}
        #demo dl{background:url(../images/bg_dd1x60.png)}
        #demo dl dd{padding-left:8px;height:30px;line-height:30px;cursor:pointer}
        #demo dl dd span{float:right;margin-right:8px}
        #demo dl dd:hover{background-color:#888;color:#fff}
    </style>
</head>
<body>
<div class="wrap2 m10a tsG">
    <div class="p10">
        <div id="demo">
            <h5>纯CSS实现列表的背景交替及鼠标划过变色</h5>
            <dl>
                <dd><span>2010-12-18</span>»&nbsp;纯CSS实现列表的背景色交替及鼠标划过变色</dd>
                <dd><span>2010-12-18</span>»&nbsp;纯CSS实现列表的背景色交替及鼠标划过变色</dd>
                <dd><span>2010-12-18</span>»&nbsp;纯CSS实现列表的背景色交替及鼠标划过变色</dd>
                <dd><span>2010-12-18</span>»&nbsp;纯CSS实现列表的背景色交替及鼠标划过变色</dd>
                <dd><span>2010-12-18</span>·纯CSS实现列表的背景色交替及鼠标划过变色</dd>
                <dd><span>2010-12-18</span>·纯CSS实现列表的背景色交替及鼠标划过变色</dd>
                <dd><span>2010-12-18</span>·纯CSS实现列表的背景色交替及鼠标划过变色</dd>
            </dl>
        </div>
    </div>
</div>
</body>
</html>